<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的全部商品</title>
<link
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet">
	<script src="https://code.jquery.com/jquery.js"></script>
<!-- 导入JQuery方便使用ajax插件 -->
<script
	src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- 导入bootstrap核心js文件 -->
</head>

<body>
	<div>
		<h3 style="margin-left: 50px;">我的全部商品</h3>
		<a style="margin-left: 50px;" href="/ProfessionalDesign/ToGoodInsert?shop_id=${shop_id}&shop_name=${shop_name}" class="btn btn-primary" >商品添加</a>
		<a style="margin-left: 50px;" href="/ProfessionalDesign/goodsale?shop_id=${shop_id}&shop_name=${shop_name}&issale=1" class="btn btn-primary" >已上架商品</a>
		<a style="margin-left: 50px;" href="/ProfessionalDesign/goodsale?shop_id=${shop_id}&shop_name=${shop_name}&issale=0" class="btn btn-primary" >未上架商品</a>
		<br>
		<div>
<!-- 模仿淘宝的主页商品 -->
					<c:forEach var="goods" items="${allgoods}">
					<a href="/ProfessionalDesign/gooddetail2?good_id=${goods.good_id}&shop_id=${shop_id}&shop_name=${shop_name}" class="goods">
					<div><img src="${goods.g_image}" class="goodimg"></div>
					<div>
					 <div class="goodtitle">${goods.good_name}</div>
				        <div><div class="tag-list"><span class="price-value"><em>¥</em>${goods.price}</span></div></div>
					</div>	
					</a>
					</c:forEach>
				</div>
	</div>
	

	
	



	
</body>
<style>
.goods{
	display:inline-flex;
	background-color: #F7F9FA;
    border-radius: 10px;
    margin-top: 10px;
    margin-left: 18px;
    margin-bottom:13px;
    height: 172px;
}
.goods:hover{
	text-decoration:none;
	background-color:transparent;
	border:1px solid #FF7F00;
}
.goodtitle:hover {
    color: #FF7F00;
    text-decoration: none;
}
.goodimg{
	margin-top: 10px;
    margin-left: 10px;
    width:150px;
    height:150px;
    border-radius: 10px;
}

.goodtitle{
	width:186px;
	padding-right: 15px;
    padding-top: 15px;
    padding-left: 10px;
    color:#333;
}
.tag-list{
	padding-top: 40px;
    padding-left: 10px;
    color: red;
    font-size: 25px;
}
</style>
</html>